@charset "UTF-8";
html{height:100%;}
body{width:100%;height:100%;overflow:hidden;background-color:#000;}
a:hover{text-decoration:none;}
#GoIndex{padding:8px;background: #ddd;color: #fff;position: fixed;bottom:50px;left:45%;font-size:2em;font-family:"MicroSoft YaHei";border-radius:15px;opacity:0.5;font-weight: bold;cursor:pointer;}
#main{width:1000px;overflow: hidden;height:720px;position: relative;left:50%;top:50%;margin-left:-500px;margin-top:-360px;
    background-image:url('../../images/hs/bg_index.jpg');
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./statics/images/hs/bg_index.jpg',sizingMethod='scale');
    background-size:100% 100%;background-repeat:no-repeat;}
.main{position:relative;top:50%;left:50%;width:900px;height:auto;margin-left:-450px;display: none;}
#musicPlayer{position: absolute;top:-20px;right:20px;color:#666;}
#musicPlayer a.icon{width:23px;height:10px;display:inline-block;background:url('../../images/hs/icon_music.png') no-repeat;}
#nav{position:relative;top:50%;left:50%;width:580px; /* height:580px; */
margin-left:-290px;margin-top:-290px;}
#nav li{float:left;width:172px;height:172px;display:inline-block;position:relative;overflow:hidden;padding:3px;background:#fff;margin-left:10px;margin-top:10px;}
#nav li .bg{width:100%;height:100%;top:0px;left:0;z-index:1}
#nav li .bg img{width:172px;position:absolute;z-index:1}
#nav li .bg a{display:block;width:172px;height:172px;overflow:hidden;position:absolute;z-index:1}
#nav li .bg a{background:#000000;opacity:0;filter:alpha(opacity=0);z-index:1}
#nav li .bg a span{color:#fff;width:100%;font-weight:bold;display:block;text-align:center;font-family:'MircoSoft YaHei';line-height:20px;z-index:1}
#nav li .bg a span.zh{margin-top:72px;font-size:20px;z-index:1}
#nav li .bg a span.en{font-size:14px;z-index:1}
#nav li .future{width:100%;height:100%;position: absolute;top:0;left:0;z-index:999;background: #000000;opacity: 0;display: block;cursor: pointer; }


#nav li.ro1{-ms-transform: rotate(0deg);transform: rotateZ(0deg);}
#nav li.ro2{-ms-transform: rotate(2deg);transform: rotateZ(2deg);}
#nav li.ro3{-ms-transform: rotate(1deg);transform: rotateZ(1deg);}
#nav li.ro4{-ms-transform: rotate(-2deg);transform: rotateZ(-2deg);margin-top: 4px}
#nav li.ro5{-ms-transform: rotate(2deg);transform: rotateZ(2deg);margin-top: 6px}
#nav li.ro6{-ms-transform: rotate(-2deg);transform: rotateZ(-2deg);margin-top: 8px}
#nav li.ro7{-ms-transform: rotate(4deg);transform: rotateZ(4deg);margin-top: 4px}
#nav li.ro8{-ms-transform: rotate(2deg);transform: rotateZ(2deg);margin-top: 5px}
#nav li.ro9{-ms-transform: rotate(0deg);transform: rotateZ(0deg);}


#nav li .hover{
    -ms-transition: all .5s ease-in-out .5s;
    -ms-transform: rotateY(360deg);
    transition: transform 0.5s ease-in;
    transform: rotateY(360deg);
}



#links{width:580px;position:relative;left:50%;top:10px;margin-left:-300px;overflow: hidden;clear:both;}
#links a{display:block;float:right;color:#FFFFFF;padding:3px 5px;background:#333;margin-left:10px;}
#links a:hover{background:#DDDDDD;color:#000000;}